




HTML <col> tag
HTML <col> tag is used to specify common column properties for each column within <colgroup> element in an HTML table.
The <col> tag is useful when it requires to apply common style rules for each column cell rather than applying individually.
Syntax


<col span=" "   style=" ">


Note: In HTML <col> tag does not require a closing tag but in XHTML it require a closing </col> tag.
Following are some specifications about the HTML <col> tag


Display
Inline


Start tag/End tag
Start  tag(Empty tag)


Usage
HTML tables


Example 1


<!DOCTYPE html>

<html>

<head>

	<title>Col tag</title>

</head>

<body>

<h2>Example of Col Tag</h2>

<table border="1">

	<colgroup>

		<col  span="2" style="background-color: #7fffd4">

		<col span="2" style="background-color: 	#98f5ff">

	</colgroup>

	<tr>

		<th>Roll No.</th>

		<th>Name</th>

		<th>Maths</th>

		<th>Science</th>

	</tr>

	<tr>

		<td>1</td>

		<td>Avinash</td>

		 <td>68</td>

		 <td>54</td>

	</tr>

	<tr>

		<td>2</td>

		<td>Neha</td>

		 <td>65</td>

		 <td>61</td>

	</tr>

	<tr>

		<td>3</td>

		<td>Jenny</td>

		 <td>55</td>

		 <td>78</td>

	</tr>

	<tr>

		<td>4</td>

		<td>Vivek</td>

		 <td>75</td>

		 <td>52</td>

	</tr>

</table>

</body>

</html>



Output:

Attribute:
Tag-specific Attribute


Attribute
Value
Description


align

left
center
right
justify
char

It specifies the horizontal alignment of each column cell. 

(Not supported in HTML5).


char
character
It specifies the alignment of content based on Characters in a column. It will be ignored if align is not set to char. (Not supported in HTML5).


charoff
number
It sets the number of characters to offset the column data from the alignment character specified by the char attribute. (Not supported in HTML5).


span
number
It specifies the number of the columns which a  element should contain. The default value of span attribute is 1.


valign

top
middle
bottom
baseline

It specifies the vertical alignment of the columns. 

(Not supported in HTML5).


width

%
Pixels
relative_length

It specifies the width of the column. 

(Not supported in HTML5).


Global Attribute
HTML <col> tag supports all Global attributes in HTML.
Event Attribute
HTML <col> tag supports all event attributes in HTML.
Supporting Browsers

Element Chrome IE Firefox Opera Safari
<col>YesYesYesYesYes














Please Share





